<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个页面</title>
</head>
<body>
    
    <!-- 跳转到固定锚点位置  也是使用 a 标签 -->
    你好，<a  href = "#意中人">我的意中人</a>


    <!-- 分隔符 -->
    <hr>
        <!-- 标题 -->
        <h1>hello</h1>
        <h2>hello</h2>
        <h3>hello</h3>
        <h4>hello</h4>
        <h5>hello</h5>
        <h6>hello</h6>

    <hr>
   
            <h1>小哪吒</h1>
            <!-- 基本信息 -->
            <h2>基本信息</h2>
            <img src="image/nz1.jpeg" alt="头像" height="100px"/>
            <p>
                <span>求职信息：</span>
                <span>Java开发工程师</span>
            </p>
            <p>
                <span>职系电话：</span>
                <span>153****8888</span>
            </p>
            <p>
                <span>邮箱：</span>
                <span>123456@qq.com</span>
            </p>
            <p>
                <a href="https://www.github.com">我的Github</a>
            </p>
            <p>
                <a href="https://gitee.com">我的博客</a>
            </p>
            
            <!-- 教育背景 -->
            <h2>教育背景</h2>
            <ol>
                    <li>1990 - 1996 小葵花幼儿园</li>
                    <li>1996 - 2002 小葵花小学</li>
                    <li>2002 - 2005 小葵花初中</li>
                    <li>2005 - 2008 小葵花高中</li>
                    <li>2008 - 2012 小葵花大学 计算机专业 本科</li>
            </ol>
            
            <!-- 专业技能 -->
            <h2>专业技能</h2>
            <ul>
                    <li>Java 基础语法扎实，已经刷了800道LeetCode题；</li>
                    <li>常见数据结构都可以独立实现并熟练应用；</li>
                    <li>熟知计算机网络理论，并且可以独立排查常见问题；</li>
                    <li>掌握Web开发能力，并且独立开发了学校的留言墙功能。</li>
            </ul>
            
            <!-- 我的项目 -->
            <h2>我的项目</h2>
            <ol>
                <li>
                    <h3>留言墙</h3>
                    <p>开发时间：2008年9月 到 2008年12月</p>
                    <p>功能介绍：</p>
                    <ul>
                        <li>支持留言发布</li>
                        <li>支技匿名留言</li>
                    </ul>
                </li>
                <li>
                    <h3>学习小助手</h3>
                    <p>开发时间：2008年9月 到 2008年12月</p>
                    <p>功能介绍：</p>
                    <ul>
                        <li>支持错检索</li>
                        <li>支持同学探讨</li>
                    </ul>
                </li>
            </ol>
            
            <!-- 个人评价 -->
            <h2>个人评价</h2>
            <p>在校期间，学习成绩优良，多次获得奖学金。</p>
    <hr>
        <div>
                <div>
                    <h2>小夜时雨</h2>
                    <h3>基本信息</h3>
                    <img src="优雅 .png" height="250px"> <p></p>
                    求职意向：java工程师<p></p>
                    联系电话：xxx-xxxx-xxxx <p></p>
                    邮箱：xxx@qq.com <p></p>
                    <a href="https://gitee.com/sister-baoers-bodyguard" target="_blank">我的gitee</a> <p></p>
                    <a href="https://blog.csdn.net/Jin__Wang/article/details/129696539?spm=1001.2014.3001.5501" target="_blank">我的博客</a> <p></p>
                </div> 


                <div>
                        <h3>教育背景</h3>
                        <ol>
                            <li>xxx-xxx xxx大学</li>
                            <li>xxx-xxx xxx研究院</li>
                        </ol>
                </div>
                        



                <div>
                        <h3>专业技能</h3>
                        <ul>
                            <li>基本语法扎实</li>
                            <li>熟悉常见的数据结构</li>
                            <li>熟悉计算机网络理论</li>
                        </ul>
                </div>
                        


                <div>
                        <h3>我的项目</h3>
                        <ol>
                            <li><strong>留言墙</strong></li> <p></p>
                            开发时间：2008-2009 <p></p>
                            功能介绍： <p></p>
                                    <ul>
                                        <li>支持留言发布</li>
                                        <li>支持匿名留言</li>
                                    </ul>
                                    <p></p>
                            <li><strong>学习小助手</strong></li> <p></p>
                            开发时间：2008-2009  <p></p>
                            功能介绍：<p></p>
                                    <ul>
                                        <li>支持错题检索</li>
                                        <li>支持同学探讨</li>
                                    </ul>

                        </ol>
                </div>

                <div>
                        <h3>个人评价</h3>
                        遵纪守法
                </div>
        </div>
    <hr>
        <!-- <h3>表单：表单域，若干组件</h3> -->
        <h3>简历</h3>
        <form action="https://www.baidu.com" method="get">
                姓名：<input type="text">  <br>
                <!-- 密码：<input type="password"> <br> -->
                性别：<input type="radio" name="sex" value="男" >男 &nbsp;&nbsp;&nbsp;
                    <input type="radio"  name="sex">女  <br>
                就读学校：<select>
                        <option selected="selected">xxx</option>
                        <option>xxx研究院</option>
                        <option>xxx大学</option>
                </select>
                <br>
                个人简历：<input type="file"><br>
                应聘岗位：<input type="checkbox">前端开发<input type="checkbox">后端开发<input type="checkbox">测试开发<input type="checkbox">运维 <br>
                掌握的技能   <textarea rows="5" cols="25">
                            </textarea>
                            <br>
                项目经历  <textarea rows="5" cols="25">
                </textarea>
                <br>
                <input type="CHECKBOX" >我已仔细阅读过公司的招聘要求 <BR>
                <a href="https://blog.csdn.net/Jin__Wang/article/details/129696539?spm=1001.2014.3001.5501" target="_blank">查看我的状态</a>  <p></p>  

                <h3>请应聘者确认：</h3>
                <ul>
                    <li>以上信息真实有效</li>
                    <li>能够尽早去公司实习</li>
                    <li>能够接受放假</li>
                </ul>
                <!-- <br> -->
                <input type="submit" value="提交"> &nbsp;&nbsp;&nbsp;
                <input type="reset" value="清空">
        </form>


    <hr>
        <h3>无序列表</h3>
        <ul>    
            <li>原子性</li>
            <li>一致性</li>
            <li>隔离性</li>
            <li>持久性</li>
        </ul>

        <h3>有序列表</h3>
        <ol>
            <!-- 不用自己写序号 -->
            <li>1.原子性</li>   
            <li>2.一致性</li>
            <li>隔离性</li>
            <li>持久性</li>
        </ol>

        <h3>自定义列表</h3>
        <dl>
            <dt>MySQL重要的三大板块</dt>
            <dd>联表查询</dd>
            <dd>索引</dd>
            <dd>事务</dd>
        </dl>
    <hr>

        <!-- 表格 -->
        <table  border="1" >
                <thead>
                                <th>姓名</th>
                                <th>年龄</th>
                                <th>性别</th>
                </thead>

                <tbody>
                    <tr>
                        <td>张三</td>
                        <td rowspan="2">20</td>
                        <td>男</td>
                    </tr>
                    
                    <tr>
                        <td>李四</td>
                        <!-- <td>20</td>  不注释掉还是会显示的 在这一行会新增一个单元格 显示20--> 
                        <td>男</td>
                    </tr> 

                    <tr>
                        <td>王五</td>
                        <td>18</td>
                        <td>男</td>
                    </tr>  
                </tbody>
        </table>

        <!-- <table align="center" border="1" cellpadding="20" cellspacing="0" width="500"
height="500">
    <tr>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
    </tr>
    <tr>
        <td>张三</td>
        <td>男</td>
        <td>10</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>女</td>
        <td>11</td>
    </tr>
</table> -->


    <hr>

        <h2>编程导航网站</h2>

        <!-- 超链接标签 -->
        <!-- 在空的标签页打开超链接   target = _blank  不写的话默认是在本标签页 -->
        <a href="http://baidu.com" target="_blank">百度</a>

        <!-- <a>通过这个地址可以下载文件</a> -->
        <!-- <a>也可以输入地址，进行下载/a> -->
            <!-- 这个是跳转到新页面 打开优雅 .png 图片-->
            <a href="优雅 .png" target = _blank>照片</a> 
            
            <p></p>

            <!-- a 标签可以包很多东西 变成超链接 比如图片 -->
            
    <hr>

        <!-- 效果：点击图片 跳转到百度 -->
        <a href="http://baidu.com" target = _blank> 
            <!-- br 换行符 -->
            <img  src = "C:\Users\宝儿姐\Desktop\bite\优雅 .png" width="200px" 
            alt = "优雅" title = "优雅永不过时">
        </a>
    <hr>

    我是<strong>张三</strong>，今年<b>18</b>，就读于<i>北京大学</i>，每年学费原价<del>998</del>，但是我学习优异，校长给我打折<u>98</u>。

    <hr>
        <img  src = "C:\Users\宝儿姐\Desktop\bite\优雅 .png"  
        alt = "优雅" title = "优雅永不过时">
    <p></p>
        <img  id = "意中人" src = "C:\Users\宝儿姐\Desktop\bite\优雅 .png"  
        alt = "优雅" title = "优雅永不过时">

   
</body>
</html>
